<!-- 当前导航 -->
<div class="current-position">
  <!-- 面包屑 -->
  <nz-breadcrumb class="breadcrumb">
    <nz-breadcrumb-item>首页</nz-breadcrumb-item>
    <nz-breadcrumb-item>用户管理</nz-breadcrumb-item>
    <nz-breadcrumb-item>用户列表</nz-breadcrumb-item>
  </nz-breadcrumb>
  <h1 class="current-position-title">用户列表</h1>
  <h1 class="current-position-desc">指定条件下的用户列表</h1>
</div>
<!-- 主体内容 -->
<div class="main-content">
  <nz-datepicker [(ngModel)]="_startdate" [nzPlaceHolder]="'选择开始时间'"></nz-datepicker>
  <nz-datepicker [(ngModel)]="_enddate" [nzPlaceHolder]="'选择结束时间'"></nz-datepicker>
  <nz-select style="width: 120px;" [(ngModel)]="selectedOption">
    <nz-option *ngFor="let option of options" [nzLabel]="option.label" [nzValue]="option" [nzDisabled]="option.disabled">
    </nz-option>
  </nz-select>

  <nz-table #nzTable [nzDataSource]="data" [nzPageSize]="1">
    <thead nz-thead>
      <tr>
        <th nz-th>
          <span>Name</span>
        </th>
        <th nz-th>
          <span>Age</span>
        </th>
        <th nz-th>
          <span>Address</span>
        </th>
        <th nz-th>
          <span>Action</span>
        </th>
      </tr>
    </thead>
    <tbody nz-tbody>
      <tr nz-tbody-tr *ngFor="let data of nzTable.data">
        <td nz-td>
          <a>{{data.name}}</a>
        </td>
        <td nz-td>{{data.age}}</td>
        <td nz-td>{{data.address}}</td>
        <td nz-td>
          <span>
            <a href="#">Action 一 {{data.name}}</a>
            <span nz-table-divider></span>
            <a href="#">Delete</a>
            <span nz-table-divider></span>
            <nz-dropdown>
              <a class="ant-dropdown-link" nz-dropdown>
                More actions
                <i class="anticon anticon-down"></i>
              </a>
              <ul nz-menu>
                <li nz-menu-item>
                  <a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">1st menu item</a>
                </li>
                <li nz-menu-item>
                  <a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">2nd menu item</a>
                </li>
                <li nz-menu-item>
                  <a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">3rd menu item</a>
                </li>
              </ul>
            </nz-dropdown>
          </span>
        </td>
      </tr>
    </tbody>
  </nz-table>
</div>